<template>
	<view>
		<navbar :isback="true" :title="'发布'+title"></navbar>
		<view class="sm">
			免责声明:本平台发布的所有信息展示，内容本身与平台本身无关，平台不负任何责任。
		</view>
		<!-- 输入 -->
		<!-- <u-loading-page icon-size="100rpx" :loading="loading" loading-text="驼乡生活信息超市"></u-loading-page> -->

		<u--form labelPosition="left" :model="model1" :rules="rules" ref="uForm" labelWidth='200rpx'
			:labelStyle='{fontWeight: 500,fontSize: "28rpx",color: "#000000",}'>
			<u-form-item label="昵称" prop="userInfo.contract" leftIcon='/static/msg/nickname.png'
				leftIconStyle="width:33rpx;height:46rpx;margin-right:29rpx;" borderBottom ref="item1">
				<u--input v-model="model1.userInfo.contract" border="none" fontSize="28rpx" color='#000000'
					placeholder='请填写联系人昵称' placeholderStyle='color:#686767;font-size:28rpx;'
					inputAlign='right'></u--input>

			</u-form-item>
			<u-form-item label="手机号" prop="userInfo.phone" leftIcon='/static/msg/phone.png'
				leftIconStyle="width:37rpx;height:42rpx;margin-right:26rpx;" borderBottom ref="item1">
				<u--input v-model="model1.userInfo.phone" border="none" fontSize="28rpx" color='#000000'
					placeholder='请填写联系人手机号' placeholderStyle='color:#686767;font-size:28rpx;'
					inputAlign='right'></u--input>

			</u-form-item>
			<u-form-item label="地址" prop="userInfo.address" leftIcon='/static/msg/addr.png'
				leftIconStyle="width:35rpx;height:42rpx;margin-right:27rpx;" borderBottom ref="item1">
				<u--input v-model="model1.userInfo.address" border="none" fontSize="28rpx" color='#000000'
					placeholder='请填写店铺详细地址' placeholderStyle='color:#686767;font-size:28rpx;'
					inputAlign='right'></u--input>

			</u-form-item>
			<u-gap bgColor="#FAFAFA" height="20rpx"></u-gap>
			<u-form-item labelPosition='top' prop="userInfo.text" borderBottom ref="item1">
				<u--textarea v-model="model1.userInfo.text" placeholder="请输入信息内容..." border="none" height='200rpx'
					:placeholderStyle='{color: "#c0c4cc"}'></u--textarea>

			</u-form-item>

		</u--form>
		<view class="con">
			<!-- 上传 -->
			<view class="u-flex u-flex-y-center u-flex-between" v-if='model1.userInfo.is_other==1&&issczj==2'>
				<view class="con__title u-flex u-flex-y-center">
					<view class="con__title__line">

					</view>
					上传证件
				</view>
				<view class="con__titletip">
					请上传清晰无遮挡照片
				</view>
			</view>
			<view class="u-flex" v-if='model1.userInfo.is_other==1&&issczj==2'>
				<view class="upbox" v-if="card_imageslist[0]" @click="preview([URL(card_imageslist[0])],0)">
					<view class="cha" @click.stop="del('card_imageslist',0)">
						<u-icon name="/static/my/cha.png" size="20rpx"></u-icon>
					</view>
					<image style="width: 164rpx;height: 164rpx;" :src="URL(card_imageslist[0])" mode="aspectFill">
					</image>
				</view>
				<!-- <image class="upbox" :src="URL(card_imageslist[0])" mode="aspectFill" v-if="card_imageslist[0]"></image> -->
				<view class="upbox" @click="uppic('card_images',0)" v-else>
					<image src="/static/msg/pic.png" class="upbox__pic" mode=""></image>
					营业执照
				</view>
				<view class="upbox" v-if="card_imageslist[1]" @click="preview([URL(card_imageslist[1])],0)">
					<view class="cha" @click.stop="del('card_imageslist',0)">
						<u-icon name="/static/my/cha.png" size="20rpx"></u-icon>
					</view>
					<image style="width: 164rpx;height: 164rpx;" :src="URL(card_imageslist[1])" mode="aspectFill">
					</image>
				</view>

				<view class="upbox" @click="uppic('card_images',1)" v-else>

					<image src="/static/msg/pic.png" class="upbox__pic" mode=""></image>
					法人身份证
				</view>
				<!-- <view class="upbox" @click="uppic('card_images',1)">
					<image src="/static/msg/pic.png" class="upbox__pic" mode=""></image>
					
				</view> -->
			</view>
			<view class="u-flex u-flex-y-center u-flex-between">
				<view class="con__title u-flex u-flex-y-center">
					<view class="con__title__line">

					</view>
					广告照片
				</view>
				<view class="con__titletip">
					最多上传6张
				</view>
			</view>
			<view class="u-flex u-flex-wrap">
				<view class="upbox" style="margin-bottom: 20rpx;" v-for="(item,index) in ad_imageslist" :key="index"
					@click="preview([URL(item)],0)">
					<view class="cha" @click.stop="del('ad_imageslist',index)">
						<u-icon name="/static/my/cha.png" size="20rpx"></u-icon>
					</view>
					<image style="width: 164rpx;height: 164rpx;" :src="URL(item)" mode="aspectFill"></image>
				</view>
				<view class="upbox" @click="uppic('ad_images')" v-if="ad_imageslist.length<6">
					<image src="/static/msg/pic.png" class="upbox__pic" mode=""></image>
					上传照片
				</view>

			</view>
			<u-gap height="34rpx"></u-gap>

		</view>
		<!-- 发布选项 -->
		<u-tabs :list="list4" lineWidth="70rpx" lineHeight='10rpx' lineColor="#0381FC" :activeStyle="{
		            color: '#1E1E1E',
		            fontWeight: 'bold',
		            transform: 'scale(1.15)'
		        }" :inactiveStyle="{
		            color: '#1E1E1E',
		            transform: 'scale(1)'
		        }" itemStyle="padding-left: 32rpx; padding-right: 32rpx; height: 50rpx;font-size:26rpx;" @click="clicktab">
		</u-tabs>
		<view class="con" v-if="isDisplay==1">
			<view class="ts" @click="copy('hjs0483')">
				<view class="blinking-text">
					享受 <text style="scale: 1.6;font-size: 24rpx;">优惠发布</text> 需先加微信hjs0483，通过后再进行发布
				</view>
			</view>

		</view>
		<!-- <view class="">
			<u-loading-icon :show='showlist' text='加载中'></u-loading-icon>
		</view> -->
		<view class="timelist" v-if="isDisplay==1">
			<view class="timelist__item" v-for="(item,index) in list" :key="index" :class="curindex==index?'active':''">
				<view class="timelist__item__time" style="background-color: #0384FC;" v-if="curindex==index">
					{{item.name}}
				</view>
				<view class="timelist__item__time" v-else>
					{{item.name}}
				</view>

				<view class="timelist__item__price" style="padding-top: 50rpx;">
					￥{{Number(item.price).toFixed(1)}}
				</view>
				<u-button text="普通发布"
					:icon='item.id==model1.userInfo.project_id&&model1.userInfo.short_type==1?"checkbox-mark":""'
					iconColor='#fff' color="linear-gradient(91deg, #0384FC, #5E77FD)" shape='circle'
					:customStyle="{height:'50rpx',width:'147rpx',fontSize:'20rpx'}" size="mini"
					@click="clickpro(1,item,index)"></u-button>
				<view class="timelist__item__price">
					￥{{Number(item.new_price).toFixed(1)}}
				</view>
				<u-button text="优惠发布"
					:icon='item.id==model1.userInfo.project_id&&model1.userInfo.short_type==2?"checkbox-mark":""'
					iconColor='#fff' @click="clickpro(2,item,index)" color="linear-gradient(91deg, #FAB022, #F85D00)"
					shape='circle' :customStyle="{height:'50rpx',width:'147rpx',fontSize:'20rpx'}"
					size="mini"></u-button>
			</view>
		</view>
		<view class="con">
			<view class="u-flex u-flex-y-center" @click="isgx=!isgx">
				<view class="u-flex u-flex-y-center" style="margin:0  10rpx;">
					<u-icon name="/static/my/yx.png" size="30rpx" v-if="isgx"></u-icon>
					<u-icon name="/static/my/wx.png" size="30rpx" v-else></u-icon>
				</view>
				<view class="checkboxlabel">
					阅读并同意<text style="color: #0199FE;" @click.stop="to('/pages/my/protocol')">《用户协议条款》</text>
				</view>
			</view>
		</view>
		<view class="footer">
			<u-button text="确认发布" :loading="btnloading" shape='circle' @click="submit"
				color="linear-gradient(87deg, #3494FF, #3989FF)" size="large"
				:customStyle="{height:'114rpx',boxShadow:'0rpx 5rpx 10rpx 0rpx rgba(57,150,252,0.38)'}"></u-button>
		</view>
		<!-- 优惠弹框 -->
		<!-- <u-popup mode="center" round="30rpx" :show="show&&isone==1" bgColor='transparent' zIndex="996"
			@close="show=false,isone=2">
			<view class="popbox">
				<view class="popbox__title">
					点击 <text style="color: #0199FE;">“右上角三个点”</text> 按键，分享本平台到微信朋友圈，才能享受优惠发布
				</view>
			</view>
		</u-popup> -->
		<view class="kf">
			<button class="u-reset-button" open-type="contact">
				<image src="/static/xishi/kf.png" class="kficon" mode=""></image>
			</button>
		</view>
	</view>
</template>

<script>
	import home from '@/api/_home'
	import {
		BASE_URL
	} from '@/api/config';
	export default {
		data() {
			return {
				btnloading: false,
				wechatImage: '',
				jtpic: [],
				showlist: false,
				show: false,
				list4: [{
					name: '发布',
					type: 1
				}, {
					name: '发布并置顶',
					type: 2
				}],
				oldindex: null,
				isgx: false,
				ad_imageslist: [],
				card_imageslist: ['', ''],
				curindex: null,
				list: [],
				title: '',
				model1: {
					userInfo: {
						contract: '',
						phone: '',
						address: '',
						text: '',
						card_images: '',
						ad_images: '',
						type: 1,
						short_type: 1,
						price: 0,
						project_id: 1,
						category_id: '',
						is_other: 1,
						share_images: ''
					},
					fileList1: [],
					fileList2: [],
				},
				rules: {
					'userInfo.contract': {
						type: 'string',
						required: true,
						message: '请填写联系人昵称',
						trigger: ['blur', 'change']
					},
					'userInfo.address': {
						type: 'string',
						required: true,
						message: '请填写地址',
						trigger: ['blur', 'change']
					},
					'userInfo.text': {
						type: 'string',
						required: true,
						message: '请填写信息内容',
						trigger: ['blur', 'change']
					},
					'userInfo.phone': [{
							required: true,
							message: '请填写联系人手机号',
							trigger: ['change', 'blur'],
						},
						{
							// 自定义验证函数，见上说明
							validator: (rule, value, callback) => {
								// 上面有说，返回true表示校验通过，返回false表示不通过
								// uni.$u.test.mobile()就是返回true或者false的
								return uni.$u.test.mobile(value);
							},
							message: '手机号码不正确',
							// 触发器可以同时用blur和change
							trigger: ['change', 'blur'],
						}
					],
				},
				short_type: '',
				project_id: '',
				price: '',
				index: null,
				issczj: 1,
				isone: 1,
				isDisplay:0
				// this.curindex = index
			};
		},

		onLoad(o) {

			home.readConfig({
				configName: 'wechatImage'
			}).then(res => {
				if (res.data.code == 1) {
					this.wechatImage = BASE_URL + res.data.data.wechatImage
				}
			})
			// isDisplay
			home.readConfig({
				configName: 'isDisplay'
			}).then(res => {
				if (res.data.code == 1) {
					this.isDisplay = res.data.data.isDisplay
				}
			})
			this.title = o.title
			this.model1.userInfo.category_id = o.category_id
			if (o.is_other) {
				this.model1.userInfo.is_other = o.is_other
				this.rules = {
					'userInfo.contract': {
						type: 'string',
						required: true,
						message: '请填写联系人昵称',
						trigger: ['blur', 'change']
					},
					'userInfo.text': {
						type: 'string',
						required: true,
						message: '请填写信息内容',
						trigger: ['blur', 'change']
					},
					'userInfo.phone': [{
							required: true,
							message: '请填写联系人手机号',
							trigger: ['change', 'blur'],
						},
						{
							// 自定义验证函数，见上说明
							validator: (rule, value, callback) => {
								// 上面有说，返回true表示校验通过，返回false表示不通过
								// uni.$u.test.mobile()就是返回true或者false的
								return uni.$u.test.mobile(value);
							},
							message: '手机号码不正确',
							// 触发器可以同时用blur和change
							trigger: ['change', 'blur'],
						}
					],
				}
				this.list4 = [{
					name: '发布',
					type: 1
				}]
			}
			this.getprojectList()
		},
		onReady() {
			this.$refs.uForm.setRules(this.rules)
		},
		methods: {
			clicktab(e) {
				// console.log(e)
				this.model1.userInfo.type = e.type
				this.model1.userInfo.project_id = ''
				this.model1.userInfo.price = ''
				this.curindex = null
				this.getprojectList()
			},
			upjt() {
				this.model1.userInfo.short_type = this.short_type
				this.model1.userInfo.project_id = this.project_id
				this.model1.userInfo.price = this.price
				this.curindex = this.index
				this.list[this.index].isyh = true
				this.list[this.index].ispt = false

			},
			getprojectList() {
				this.showlist = true
				home.readConfig({
					configName: 'isUploadCard'
				}).then(res => {
					// console.log(res)
					if (res.data.code == 1) {
						this.issczj = res.data.data.isUploadCard
					}
				})
				home.projectList({
					type: this.model1.userInfo.type
				}).then(res => {
					if (res.data.code == 1) {
						this.list = res.data.data
						// this.showlist=false
						this.list.map(t => {
							t.ispt = false
							t.isyh = false
						})
					}
				})
			},
			del(name, index) {
				if (name == 'card_imageslist') {
					this[name][index] = ''
				} else {
					this[name].splice(index, 1)
				}
				this.$forceUpdate()
			},
			clickpro(short_type, item, index) {
				if (index == this.curindex && short_type == this.model1.userInfo.short_type) {
					return
				}
				this.list.map(t => {
					t.ispt = false
					t.isyh = false
				})
				if (short_type == 1) { //普通
					this.jtpic = []
					// this.model1.userInfo.share_images = ''
					this.model1.userInfo.short_type = short_type
					this.model1.userInfo.project_id = item.id
					this.model1.userInfo.price = item.price
					this.curindex = index
					this.list[index].ispt = true
					this.list[index].isyh = false
				} else { //优惠,要判断是否能优惠发布，需要字段
					this.short_type = short_type
					this.project_id = item.id
					this.price = item.new_price
					this.index = index
					// this.show = true

					this.upjt()
				}
				this.$forceUpdate()

			},
			submit() {
				let _this = this
				this.$refs.uForm.validate().then(res => {
					// 判断是否其他信息和不需要上传证件
					if (this.model1.userInfo.is_other == 1 && this.issczj == 2) {
						if (!this.card_imageslist[0]) {
							_this.$u.toast('请上传营业执照')
							return
						}
						if (!this.card_imageslist[1]) {
							_this.$u.toast('请上传法人身份证')
							return
						}
					}
					this.model1.userInfo.ad_images = this.ad_imageslist.join(',')
					this.model1.userInfo.card_images = this.card_imageslist.join(',')
					if (!(this.model1.userInfo.is_other == 1 && this.issczj == 2)) {
						this.model1.userInfo.card_images = ""
					}
					if(!this.isDisplay){
						if (!this.model1.userInfo.project_id) {
							_this.$u.toast('请选择需要发布的时间')
							return
						}
					}
					
					if (!this.isgx) {
						_this.$u.toast('请阅读并同意用户协议条款')
						return
					}
					this.btnloading = true
					home.unfinedOrder(this.model1.userInfo).then(res => {
						if (res.data.code == 1) {
							// _this.$u.toast('发布成功')

							_this.paybuy(res)
						}
					})
				}).catch(errors => {
					console.log(errors)
					_this.$u.toast(errors[0].message)
				})


			},
			// 支付
			paybuy(res) {
				let title = ''
				let type = this.model1.userInfo.type
				let short_type = this.model1.userInfo.short_type
				if (type == 2) {
					title = '置顶发布'
					short_type = ''
				}
				if (short_type == 1) {
					title = '普通发布'
					type = ''
				}
				if (short_type == 2) {
					title = '优惠发布'
					type = ''
				}
				if (type == 3) {
					short_type = ''
					title = '其他发布'
				}

				let _this = this
				let data = res.data.data
				if (this.model1.userInfo.price == 0) {
					_this.$u.toast('上传成功')
					setTimeout(() => {
						_this.btnloading = false

						if (this.model1.userInfo.short_type == 2) {
							this.$store.commit('setyhtk', true)
							uni.switchTab({
								url: '/pages/tabbar/home'
							})

						} else {
							uni.redirectTo({
								url: '/pages/msg/fblist?title=' + title + '&type=' + type +
									'&short_type=' + short_type + '&cur=1'
							})
						}


					}, 1000)
					return
				}
				let appId = data.appId;
				let timeStamp = data.timeStamp;
				let nonceStr = data.nonceStr;
				let packageX = data.package;
				let signType = 'MD5';
				let paySign = data.paySign;

				uni.requestPayment({
					provider: 'wxpay',
					appId: appId, //小程序Appid
					timeStamp: timeStamp, //创建订单时间戳
					nonceStr: nonceStr,
					package: packageX, // 订单包
					signType: signType, // 加密方式统一'MD5'
					paySign: paySign, // 后台支付签名返回
					success: function(res) {
						_this.$u.toast('上传成功')
						setTimeout(() => {
							_this.btnloading = false
							if (_this.model1.userInfo.short_type == 2) {
								_this.$store.commit('setyhtk', true)
								uni.switchTab({
									url: '/pages/tabbar/home'
								})

							} else {
								uni.redirectTo({
									url: '/pages/msg/fblist?title=' + title + '&type=' + type +
										'&short_type=' + short_type + '&cur=1'
								})
							}
						}, 1000)
					},
					fail: function(err) {
						_this.$u.toast('上传失败')
						_this.btnloading = false
					},
					complete() {

					}
				});

			},

			uppic(type, index) {
				let _this = this
				let count = 1
				if (type == 'ad_images') {
					count = 6 - this.ad_imageslist.length
				}
				uni.chooseImage({
					count,
					success: (chooseImageRes) => {
						const tempFilePaths = chooseImageRes.tempFilePaths;
						console.log(tempFilePaths)
						uni.showLoading()
						tempFilePaths.map(t => {
							uni.uploadFile({
								url: BASE_URL + '/api/Common/upload',
								filePath: t,
								name: "file",
								header: {
									"token": uni.getStorageSync('xxcstoken')
								},
								success: function(res) {
									uni.hideLoading()
									if (JSON.parse(res.data).code == 1) {

										if (type == 'ad_images') {
											_this.ad_imageslist.push(JSON.parse(res.data)
												.data.url)
										} else if (type == 'jtpic') {
											_this.jtpic.push(JSON.parse(res.data)
												.data.url)
										} else {
											_this.card_imageslist[index] = JSON.parse(res
													.data).data
												.url
										}
										_this.$forceUpdate()

									} else {

										if (JSON.parse(res.data).code == 401) {
											uni.$u.toast('未登录，请登录')
											_this.to('/pages/my/login')
										}
									}
								},
								error: function(rev) {
									console.log(rev);
								}
							});
						})

					}
				});
			}
		}
	}
</script>

<style lang="scss">
	.sm {
		padding: 18rpx 30rpx;
		background: #FAFAFA;
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 24rpx;
		color: #010101;
		line-height: 36rpx;
	}

	.formitem {}

	/deep/.uni-textarea-placeholder {
		color: #686767 !important;
		font-size: 28rpx !important;
	}

	.con {
		padding: 0 28rpx;

		&__title {
			font-family: PingFang SC;
			font-weight: bold;
			font-size: 32rpx;
			color: #0F1014;
			line-height: 32rpx;
			padding: 50rpx 0 36rpx;

			&__line {
				width: 8rpx;
				height: 27rpx;
				background: #1B64F9;
				border-radius: 4rpx;
				margin-right: 8rpx;
			}
		}

		&__titletip {
			font-family: PingFang SC;
			font-weight: 500;
			font-size: 26rpx;
			color: #1E1E1E;
			line-height: 26rpx;
			opacity: 0.8;
		}
	}

	.upbox {
		width: 164rpx;
		height: 164rpx;
		background: #F5F6FA;
		border-radius: 20rpx;
		display: flex;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 24rpx;
		color: #101014;
		line-height: 24rpx;
		margin-right: 20rpx;
		position: relative;
		overflow: hidden;

		.cha {
			padding: 6rpx;
			background-color: rgba(0, 0, 0, .8);
			position: absolute;
			top: 4rpx;
			right: 4rpx;
			border-radius: 20rpx;
			z-index: 2;
		}

		&__pic {
			width: 54rpx;
			height: 54rpx;
			margin-bottom: 18rpx;
		}
	}

	.ts {
		display: flex;
		align-items: center;
		height: 101rpx;
		background: #F5F6FA;
		border-radius: 20rpx;
		padding: 0 48rpx;
		font-family: PingFang SC;
		font-weight: bold;
		font-size: 24rpx;
		color: #1B64F9;
		line-height: 24rpx;
		margin: 26rpx 0 36rpx;
	}

	.timelist {
		display: flex;
		align-items: center;
		padding-left: 30rpx;
		flex-wrap: wrap;

		&__item {
			width: 206rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			border: 4rpx solid #EDEEF3;
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 0 0 24rpx 0;
			position: relative;
			margin-right: 20rpx;
			margin-bottom: 20rpx;

			&__time {
				padding: 0 10rpx;
				height: 47rpx;
				background: #9A9A9A;
				border-radius: 15rpx 0rpx 15rpx 0rpx;
				position: absolute;
				left: 0;
				top: 0;
				font-family: PingFang SC;
				font-weight: 800;
				font-size: 20rpx;
				color: #FFFFFF;
				line-height: 47rpx;
			}

			&__price {
				font-family: PingFang SC;
				font-weight: 800;
				font-size: 32rpx;
				color: #F9691B;
				line-height: 32rpx;
				padding: 24rpx 0 14rpx;

			}

		}

		.active {
			border-color: #0199FE;
		}
	}

	.checkbox {
		width: 28rpx;
		height: 28rpx;
		margin-right: 10rpx;
		display: flex;
		align-items: center;
		justify-content: center;

		&__icon {
			width: 28rpx;
			height: 28rpx;
		}
	}

	.checkboxlabel {
		font-family: PingFang SC;
		font-weight: bold;
		font-size: 24rpx;
		color: #1D1C1C;
		line-height: 24rpx;
	}

	.footer {
		padding: 52rpx 50rpx 58rpx;

	}

	.popbox {
		width: 500rpx;
		background: #FFFFFF;
		border-radius: 30rpx;
		padding: 63rpx 30rpx;
		display: flex;
		flex-direction: column;
		align-items: center;

		&__title {
			// padding: 0 40rpx;
			font-family: PingFang SC;
			font-weight: bold;
			font-size: 30rpx;
			color: #000000;
			line-height: 36rpx;
			text-align: center;
			// margin-bottom: 30rpx;
		}

		&__title1 {
			// padding: 0 40rpx;
			font-family: PingFang SC;
			font-weight: bold;
			font-size: 28rpx;
			color: #000000;
			line-height: 36rpx;
			text-align: center;
			margin-top: 14rpx;
		}

		&__box {
			border-radius: 20rpx;
			border: 2rpx solid rgba(159, 160, 161, .1);
			padding: 20rpx 30rpx;
			margin-bottom: 40rpx;

			&__title {
				font-size: 30rpx;
				font-weight: bold;
				font-family: PingFang SC;
				margin-bottom: 10rpx;
				width: 490rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			&__content {
				font-family: PingFang SC;
				font-weight: bold;
				font-size: 26rpx;
				color: #9FA0A1;
				line-height: 36rpx;
				width: 350rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				/*省略几行写几*/
				-webkit-box-orient: vertical;
			}

			&__logo {
				width: 110rpx;
				height: 110rpx;
				flex-shrink: 0;
			}
		}
	}

	/deep/.u-form-item {
		padding-left: 28rpx;


	}

	/deep/.u-form-item__body {
		padding: 35rpx 30rpx 35rpx 0 !important;
	}

	/deep/.uni-system-preview-image {
		z-index: 111116 !important;
	}

	@keyframes blink {
		0% {
			scale: 1;
		}

		50% {
			scale: 1.1;
		}

		100% {
			opacity: 1;
		}
	}

	.blinking-text {
		animation: blink 1s infinite;
	}

	.qrbox {
		// margin: 52rpx 160rpx 74rpx;
		width: 269rpx;
		height: 269rpx;
		background: #fff;
		box-shadow: 0rpx 0rpx 38rpx 0rpx rgba(3, 119, 226, 0.19);
		border-radius: 30rpx;
		border: 15rpx solid rgba(255, 255, 255, 0.4);
	}
</style>